<template>
  <h1 :class="$style.red">{{ msg }}</h1>
  <a class="text-red-500" href="/">是是是</a>
  <br>
  <button @click="count++">count: {{count}}</button>

  <figure>
    <figcaption class="sr-only">title</figcaption>
    <pre>
      <code>
        var a = 1;
        console.log(a)
      </code>
    </pre>
  </figure>
</template>

<script lang="ts">
import { ref, defineComponent } from 'vue'

export default defineComponent({
  name: 'HelloWorld',
  props: {
    msg: {
      type: String,
      required: true
    }
  },
  setup: () => {
    const count = ref(0)
    return { count }
  }
})
</script>

<style module>
/* a {
  color: #42b983;
} */
.red {
  color: red;
}
</style>